<template>
  <div class="wrapper wrapper-content u-padding15 my-bg dark">
    <div class="" id="dv_1">
      <div class="qiYe">
        <div class="u-marginBottom25 u-overflowX">
          <div class="mingP"><img id="oglogo" src="https://hb.acrelcloud.cn/Content/img/qiYe.jpg">
            <div class="qyXX">
              <h4>{{this.epInfo.epName}}</h4>
              <div class="qYdetail">
                <div class="lie1" style="margin-left: 10px;">
                  <div class="hang">
                    <div class="xxbt">地址</div>
                    <div class="xxnr">{{this.epInfo.epAddress}}</div>
                  </div>
                  <div class="hang">
                    <div class="xxbt">企业负责人</div>
                    <div class="xxnr">{{this.epInfo.epLegalPerson}}</div>
                  </div>

                  <div class="hang">
                    <div class="xxbt">环保负责人</div>
                    <div class="xxnr">{{this.epInfo.epEnvPeople}}</div>
                    <input type="hidden" value="2106035178200302" id="hd_enterpriseid" autocomplete="off">
                  </div>
                </div>
                <div class="lie2" style="margin-left: -200px;">
                  <div class="hang">
                    <div class="xxbt">企业邮箱</div>
                    <div class="xxnr">{{this.epInfo.epEmail}}</div>
                  </div>
                  <div class="hang">
                    <div class="xxbt">企业负责人电话</div>
                    <div class="xxnr">{{this.epInfo.epPhone}}</div>
                  </div>
                  <div class="hang">
                    <div class="xxbt">企业环保负责人电话</div>
                    <div class="xxnr">{{this.epInfo.epEnvPhone}}</div>
                  </div>
                </div>
                <div class="lie2">
                  <div class="hang">
                    <div class="xxbt">排污口</div>
                    <div class="xxnr">2</div>
                  </div>
                  <div class="hang">
                    <div class="xxbt">废气排放口</div>
                    <div class="xxnr">1</div>
                  </div>
                  <div class="hang">
                    <div class="xxbt">污水排放口</div>
                    <div class="xxnr">1</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="tabs-container" id="conentall1" style="margin-left: 30px;">
        <ul class="nav nav-tabs clear">
          <li :class="{'active':isShow==1}"   @click="current(1)" >
            <a data-toggle="tab"  aria-expanded="true" marked="1" name="1">排污许可证</a>
          </li>
          <li    :class="{'active':isShow==2}" @click="current(2)">
            <a data-toggle="tab"  aria-expanded="false" marked="2" name="2">建设工程</a>
          </li>
          <li    :class="{'active':isShow==3}" @click="current(3)">
            <a data-toggle="tab" aria-expanded="false" marked="2" name="3">生产工艺</a>
          </li>
        </ul>
        <div class="tab-content" style="height: 400px;">
          <div id="tab-111" class="tab-pane active" style=" position:relative;" v-if="this.isShow ==1">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%; height: 350px;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span >排污许可证发证日期</span>
                          </th>
                          <th >
                            <span >排污许可证有效日</span>
                          </th>
                          <th >
                            <span>排污许可证正本</span>
                          </th>
                          <th >
                            <span >排污许可证副本</span>
                          </th>
                          <th >
                            <span>排污许可证发证机关</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style=" width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr  v-for="(item, index) in sewagePermitList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.swCertificateDate}}</td>
                          <td  style="text-align: center;">{{item.swEffectiveDate}}</td>
                          <td  style="text-align: center;"><img :src="`${baseUrl}${item.swOriginal}`" style="height: 30px;width: 30px"/></td>
                          <td  style="text-align: center;"><img :src="`${baseUrl}${item.swOriginalCopy}`" style="height: 30px;width: 30px"/></td>
                          <td  style="text-align: center;">{{item.swLicenseIssuingAgencies}}</td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="sewagePermitTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="sewagePermitParams.pageSize"
                        :page.sync="sewagePermitParams.pageNum"
                        :total="sewagePermitTotal"
                        @pagination="getInfo"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-222" class="tab-pane active" style=" position:relative;" v-if="this.isShow ==2">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span>建设项目名称</span>
                          </th>
                          <th >
                            <span>建设地点</span>
                          </th>
                          <th >
                            <span>项目建设周期</span>
                          </th>
                          <th >
                            <span>立项报告</span>
                          </th>
                          <th >
                            <span>项目现状</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr v-for="(item, index) in projectConstructionList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.pcName}}</td>
                          <td  style="text-align: center;">{{item.pcAddress}}</td>
                          <td  style="text-align: center;">{{item.pcCycle}}</td>
                          <td  style="text-align: center;">{{item.pcBeginningReport}}</td>
                          <td  style="text-align: center;">{{item.pcStatus}}</td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="projectConstructionTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="projectConstructionParams.pageSize"
                        :page.sync="projectConstructionParams.pageNum"
                        :total="projectConstructionTotal"
                        @pagination="this.getProjectConstruction"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-333" class="tab-pane active" style=" position:relative;" v-if="this.isShow ==3">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span >生产工艺名称</span>
                          </th>
                          <th >
                            <span>生产工艺流程图</span>
                          </th>
                          <th >
                            <span>用水量</span>
                          </th>
                          <th >
                            <span >废水产生量</span>
                          </th>
                          <th >
                            <span>主要污染物产生量</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed ">
                        <tbody style="width: 100%;" >
                        <tr  v-for="(item, index) in productionProcessList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.psName}}</td>
                          <td  style="text-align: center;"><img :src="`${baseUrl}${item.psFlowChat}`" style="height: 30px;width: 30px"/></td>
                          <td  style="text-align: center;">{{item.psWater}}</td>
                          <td  style="text-align: center;">{{item.psWasteWater}}</td>
                          <td  style="text-align: center;">{{item.psMasterPollution}}</td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="productionProcessTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="productionProcessParams.pageSize"
                        :page.sync="productionProcessParams.pageNum"
                        :total="productionProcessTotal"
                        @pagination="getProductionProcess"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="tabs-container"  id="conenta2222" style="margin-left: 30px; height: 400px;">
        <ul class="nav nav-tabs clear">
          <li :class="{'active':isShowOne==1}" @click="currentOne(1)">
            <a data-toggle="tab" aria-expanded="true" marked="2" name="4">废水治理设施</a>
          </li>
          <li :class="{'active':isShowOne==2}" @click="currentOne(2)">
            <a data-toggle="tab" aria-expanded="false" marked="2" name="5">废气治理设施</a>
          </li>
          <li :class="{'active':isShowOne==3}" @click="currentOne(3)">
            <a data-toggle="tab" aria-expanded="false" marked="2" name="6">噪声治理设施</a>
          </li>
        </ul>
        <div class="tab-content" style="height: 400px;">
          <div id="tab-4" class="tab-pane active" style=" position:relative;"  v-if="this.isShowOne ==1">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%; height: 350px;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span>设施名称</span>
                          </th>
                          <th >
                            <span >治理设施类型</span>
                          </th>
                          <th >
                            <span>治理设施工艺</span>
                          </th>
                          <th >
                            <span>年运行(小时)</span>
                          </th>
                          <th >
                            <span>年运行费用(万元)</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 320px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr  v-for="(item, index) in tfWatergcList">
                          <td  style="text-align: center; height: 50px;">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.wtfName}}</td>
                          <td  style="text-align: center;">{{item.wtfType}}</td>
                          <td  style="text-align: center;">{{item.wtfCraft}}</td>
                          <td  style="text-align: center;">{{item.wtfYearTime}}</td>
                          <td  style="text-align: center;">{{item.wtfYearMoney}}</td>
                        </tr>
                        </tbody>
                      </table>
                 <pagination
                        v-show="tfWatergcTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="tfWatergcParams.pageSize"
                        :page.sync="tfWatergcParams.pageNum"
                        :total="tfWatergcTotal"
                        @pagination="getTfWatergc"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-5" class="tab-pane active" style=" position:relative;"  v-if="this.isShowOne ==2">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span >设施名称</span>
                          </th>
                          <th >
                            <span >治理设施类型</span>
                          </th>
                          <th >
                            <span>治理设施工艺</span>
                          </th>
                          <th >
                            <span >年运行(小时)</span>
                          </th>
                          <th >
                            <span>年运行费用(万元)</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr v-for="(item, index) in tfGasgcList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.etfName}}</td>
                          <td  style="text-align: center;">{{item.etfType}}</td>
                          <td  style="text-align: center;">{{item.etfCraft}}</td>
                          <td  style="text-align: center;">{{item.etfYearTime}}</td>
                          <td  style="text-align: center;">{{item.etfYearMoney}}</td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="tfGasgcTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="tfGasgcParams.pageSize"
                        :page.sync="tfGasgcParams.pageNum"
                        :total="tfGasgcTotal"
                        @pagination="tfGasgc"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-6" class="tab-pane active" style=" position:relative;"  v-if="this.isShowOne ==3">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span >设施名称</span>
                          </th>
                          <th >
                            <span >治理设施类型</span>
                          </th>
                          <th >
                            <span>治理设施工艺</span>
                          </th>
                          <th >
                            <span>治理设施建设费用</span>
                          </th>
                          <th >
                            <span>年运行(小时)</span>
                          </th>
                          <th >
                            <span>年运行费用(万元)</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed ">
                        <tbody style="width: 100%;" >
                        <tr  v-for="(item, index) in tfNoisegcList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.nsName}}</td>
                          <td  style="text-align: center;">{{item.nsType}}</td>
                          <td  style="text-align: center;">{{item.nsCraft}}</td>
                          <td  style="text-align: center;">{{item.nsFacilityMoney}}</td>
                          <td  style="text-align: center;">{{item.nsYearTime}}</td>
                          <td  style="text-align: center;">{{item.nsYearMoney}}</td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="tfNoisegcTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="tfNoisegcParams.pageSize"
                        :page.sync="tfNoisegcParams.pageNum"
                        :total="tfNoisegcTotal"
                        @pagination="tfNoisegc"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="tabs-container" id="conenta333" style="margin-left: 30px;  margin-top: 50px;">
        <ul class="nav nav-tabs clear">
          <li :class="{'active':isShowTwo==1}" @click="currentTwo(1)">
            <a data-toggle="tab"  aria-expanded="true" marked="2" name="7">废水排放</a>
          </li>
          <li :class="{'active':isShowTwo==2}" @click="currentTwo(2)">
            <a data-toggle="tab" aria-expanded="false" marked="2" name="8">废气排放</a>
          </li>
          <li :class="{'active':isShowTwo==3}" @click="currentTwo(3)">
            <a data-toggle="tab"  aria-expanded="false" marked="2" name="9">噪声排放</a>
          </li>
          <li :class="{'active':isShowTwo==4}" @click="currentTwo(4)">
            <a data-toggle="tab"  aria-expanded="false" marked="2" name="10">固体废物</a>
          </li>
        </ul>
        <div class="tab-content" style="height: 400px;">
          <div id="tab-7" class="tab-pane active" style=" position:relative;"  v-if="this.isShowTwo ==1">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%; height: 350px;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span>排放口名称</span>
                          </th>
                          <th >
                            <span >排水去向类型</span>
                          </th>
                          <th >
                            <span>污水处理厂名称</span>
                          </th>
                          <th >
                            <span>最终受纳水体名称</span>
                          </th>
                          <th >
                            <span>环境监察记录</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr v-for="(item, index) in outletWaterList">
                          <td  style="text-align: center;  height: 50px;" >{{index+1}}</td>
                          <td  style="text-align: center;">{{item.wwoName}}</td>
                          <td  style="text-align: center;">{{item.wwoDirectionType}}</td>
                          <td  style="text-align: center;">{{item.wwoPlantName}}</td>
                          <td  style="text-align: center;">{{item.wwoAcceptorName}}</td>
                          <td  style="text-align: center;"><a :href="`${baseUrl}${ item.wwoRecord}`" target="_blank"
                                                              class="buttonText">{{ item.wwoRecord.toString().substring( item.wwoRecord.lastIndexOf("/") + 1) }}</a></td>
                        </tr>
                        </tbody>
                      </table>
                    <pagination
                        v-show="outletWaterTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="outletWaterParams.pageSize"
                        :page.sync="outletWaterParams.pageNum"
                        :total="outletWaterTotal"
                        @pagination="getOutletWater"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-8" class="tab-pane active" style=" position:relative;"  v-if="this.isShowTwo ==2" >
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span>排放口名称</span>
                          </th>
                          <th >
                            <span>排放类型</span>
                          </th>
                          <th >
                            <span>总量</span>
                          </th>
                          <th >
                            <span>监督性监测报告</span>
                          </th>
                          <th >
                            <span>环境监察记录</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr v-for="(item, index) in outletExhaustList" >
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.exoName}}</td>
                          <td  style="text-align: center;">{{item.exoEmissionType}}</td>
                          <td  style="text-align: center;">{{item.exoTotal}}</td>
                          <td  style="text-align: center;"><a :href="`${baseUrl}${ item.exoReport}`" target="_blank"
                                                              class="buttonText">{{ item.exoReport.toString().substring( item.exoReport.lastIndexOf("/") + 1) }}</a></td>
                          <td  style="text-align: center;"><a :href="`${baseUrl}${ item.exoRecord}`" target="_blank"
                                                              class="buttonText">{{ item.exoRecord.toString().substring( item.exoRecord.lastIndexOf("/") + 1) }}</a></td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="outletExhaustTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="outletExhaustParams.pageSize"
                        :page.sync="outletExhaustParams.pageNum"
                        :total="outletExhaustTotal"
                        @pagination="outletExhaust"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-9" class="tab-pane active" style=" position:relative;"  v-if="this.isShowTwo ==3">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span >排放口名称</span>
                          </th>
                          <th >
                            <span >浓度</span>
                          </th>
                          <th >
                            <span>总量</span>
                          </th>
                          <th >
                            <span>监督性监测报告</span>
                          </th>
                          <th >
                            <span>环境监察记录</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr v-for="(item, index) in outletNoiseList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.noName}}</td>
                          <td  style="text-align: center;">{{item.noConcentration}}</td>
                          <td  style="text-align: center;">{{item.noTotal}}</td>
                          <td  style="text-align: center;">{{item.noReport}}</td>
                          <td  style="text-align: center;"><a :href="`${baseUrl}${ item.noRecord}`" target="_blank"
                                                              class="buttonText">{{ item.noRecord.toString().substring( item.noRecord.lastIndexOf("/") + 1) }}</a></td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="outletNoiseTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="outletNoiseParams.pageSize"
                        :page.sync="outletNoiseParams.pageNum"
                        :total="outletNoiseTotal"
                        @pagination="outletNoise"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="tab-10" class="tab-pane active" style=" position:relative;" v-if="this.isShowTwo ==4">
            <div class="jqGrid_wrapper" >
              <div class="ui-jqgrid " dir="ltr" style="width: 100%;">
                <div class="jqgrid-overlay ui-overlay" ></div>
                <div class="ui-jqgrid-view table-responsive" role="grid"  style="width: 100%;">
                  <div class="ui-jqgrid-hdiv" style="width: 100%;">
                    <div class="ui-jqgrid-hbox">
                      <table class="ui-jqgrid-htable ui-common-table table table-bordered" style="width:100%;table-layout: fixed"
                             role="presentation" aria-labelledby="gbox_table_list">
                        <thead>
                        <tr >
                          <th >
                            <span>编号</span>
                          </th>
                          <th >
                            <span >固体废物名称</span>
                          </th>
                          <th >
                            <span >处置方式</span>
                          </th>
                          <th >
                            <span>处置场地名称</span>
                          </th>
                          <th >
                            <span>环境监察记录</span>
                          </th>
                        </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                  <div class="ui-jqgrid-bdiv" style="height: 200px; width: 100%;">
                    <div style="position:relative;">
                      <div></div>
                      <table tabindex="0" role="presentation" aria-multiselectable="false"
                             aria-labelledby="gbox_table_list"
                             class="ui-jqgrid-btable ui-common-table table table-bordered"
                             style="width: 100%; table-layout: fixed " >
                        <tbody style="width: 100%;" >
                        <tr v-for="(item, index) in outletSolidList">
                          <td  style="text-align: center; ">{{index+1}}</td>
                          <td  style="text-align: center;">{{item.soName}}</td>
                          <td  style="text-align: center;">{{item.soHandleType}}</td>
                          <td  style="text-align: center;">{{item.soHandleName}}</td>
                          <td  style="text-align: center;"> <a :href="`${baseUrl}${ item.soRecord}`" target="_blank"
                                                               class="buttonText">{{ item.soRecord.toString().substring( item.soRecord.lastIndexOf("/") + 1) }}</a></td>
                        </tr>
                        </tbody>
                      </table>
                      <pagination
                        v-show="outletSolidTotal>0"
                        :page-sizes="[4]"
                        :limit.sync="outletSolidParams.pageSize"
                        :page.sync="outletSolidParams.pageNum"
                        :total="outletSolidTotal"
                        @pagination="outletSolid"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {getInfo_common, InfoItem,
  sewagePermit,projectConstruction,productionProcess,tfGasgc,tfNoisegc,
  tfWatergc,outletExhaust,outletSolid,outletWater,chemicalHandling,emergencyRescue,
  riskPreSys,riskUnit,surroundingEnv
} from "@/api/enterprise/info";
export default {
    name: "index",
    data() {
        return {
            baseUrl: process.env.VUE_APP_BASE_API,
            // 遮罩层
            loading: false,
            isActive: 1,
            isShow:1,
            isShowOne:1,
            isActiveOne: 1,
            isShowTwo:1,
            isActiveTwo: 1,
            epInfo: {
                epName: null,
                epAddress: null,
                epProvince: null,
                epCity: null,
                epArea: null,
                epLegalPerson: null,
                epPhone: null,
                epEmail: null,
                epLg: null,
                epLt: null,
                epOgCode: null,
                epCreditCode: null,
                epIndustryCategory: null,
                epScale: null,
                epRegisteredCapital: null,
                epStatus: null,
                epEnvLevel: null,
                epEnvPeople: null,
                epEnvPhone: null,
                epProductTime: null,
                epLogoutStatus: null,
                epFormerName: null,
                epShortName: null,
                epLabel: null,
                epIntroduction: null,
                epWebsite: null,
                epProductAddress: null,
                epLogo: null,
            },
            sewagePermitList: [],
            chemicalHandlingList: [],
            emergencyRescueList: [],
            outletExhaustList: [],
            outletNoiseList: [],
            outletSolidList: [],
            outletWaterList: [],
            productionProcessList: [],
            projectConstructionList: [],
            riskPreSysList: [],
            riskUnitList: [],
            surroundingEnvList: [],
            tfGasgcList: [],
            tfNoisegcList: [],
            tfWatergcList: [],
          /*sewagePermit,projectConstruction,productionProcess,tfGasgc,tfNoisegc,
                tfWatergc,outletExhaust,outletSolid,outletWater,chemicalHandling,emergencyRescue,
                riskPreSys,riskUnit,surroundingEnv*/
          sewagePermitTotal:0,
          projectConstructionTotal:0,
          productionProcessTotal:0,
          tfGasgcTotal:0,
          tfNoisegcTotal:0,
          tfWatergcTotal:0,
          outletExhaustTotal:0,
          outletSolidTotal:0,
          outletWaterTotal:0,
          outletNoiseTotal:0,
          chemicalHandlingTotal:0,
          emergencyRescueTotal:0,
          riskPreSysTotal:0,
          riskUnititTotal:0,
          surroundingEnvTotal:0,
          sewagePermitParams: {
              pageNum: 1,
              pageSize: 4,
              epId: null,
            },
          projectConstructionParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          productionProcessParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          tfGasgcParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          tfNoisegcParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          tfWatergcParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          outletExhaustParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          outletSolidParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          outletWaterParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          outletNoiseParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          chemicalHandlingParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          emergencyRescueParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          riskPreSysParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          riskUnitParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          surroundingEnvParams: {
            pageNum: 1,
            pageSize: 4,
            epId: null,
          },
          epId:"",
        };
    },
    created() {
    },
    mounted() {
        this.getInfo();
    },
    methods: {

      current(index){
        this.isShow=index;
        if(index == 1){
          this.getSewagePermit();
        }
        if(index == 2){
          this.getProjectConstruction();
        }
        if(index == 3){
          this.getProductionProcess();
        }
      },
        activeSelect(index) {
            this.isActive = index;
        },
      currentOne(index){
        // 核这里加用数字判断   等于那个就调用那个方法

        this.isShowOne=index;
        if(index == 1){
          this.getTfWatergc();
        }
        if(index == 2){
          this.tfGasgc();
        }
        if(index == 3){
          this.tfNoisegc();
        }
      },
      activeSelectOne(index) {
        this.isActiveOne = index;
      },
      currentTwo(index){
        this.isShowTwo=index;
        if(index == 1){
          this.getOutletWater();
        }
        if(index == 2){
          this.outletExhaust();
        }
        if(index == 3){
          this.outletNoise();
        }
        if(index == 3){
          this.outletSolid();
        }
      },
      activeSelectTwo(index) {
        this.isActiveTwo = index;
      },
      getSewagePermit(){
          this.sewagePermitParams.epId=this.epId
        sewagePermit(this.sewagePermitParams).then(res =>{
          this.sewagePermitList = res.rows;
          this.sewagePermitTotal=res.total
        });
      },
      getOutletWater(){
        this.outletWaterParams.epId=this.epId
        outletWater(this.outletWaterParams).then(res =>{
          this.outletWaterList = res.rows;
          this.outletWaterTotal=res.total

        });
      },
      getTfWatergc(){
        this.tfWatergcParams.epId=this.epId
        tfWatergc(this.tfWatergcParams).then(res =>{
          this.tfWatergcList = res.rows;
          this.tfWatergcTotal=res.total
        });
      },
      getProjectConstruction(){
        this.projectConstructionParams.epId=this.epId
        projectConstruction(this.projectConstructionParams).then(res =>{
          this.projectConstructionList = res.rows;
          this.projectConstructionTotal=res.total
        });
      },
      getProductionProcess(){
        this.productionProcessParams.epId=this.epId
        productionProcess(this.productionProcessParams).then(res =>{
          this.productionProcessList = res.rows;
          this.productionProcessTotal=res.total
        });
      },
      tfGasgc(){
        this.tfGasgcParams.epId=this.epId
        tfGasgc(this.tfGasgcParams).then(res =>{
          this.tfGasgcList = res.rows;
          this.tfGasgcTotal=res.total
        });
      },
      tfNoisegc(){
        this.tfNoisegcParams.epId=this.epId
        tfNoisegc(this.tfNoisegcParams).then(res =>{
          this.tfNoisegcList = res.rows;
          this.tfNoisegcTotal=res.total
        });
      },
      outletExhaust(){
        this.outletExhaustParams.epId=this.epId
        outletExhaust(this.outletExhaustParams).then(res =>{
          this.outletExhaustList = res.rows;
          this.outletExhaustTotal=res.total
        });
      },
      outletSolid(){
        this.outletSolidParams.epId=this.epId
        outletSolid(this.outletSolidParams).then(res =>{
          this.outletSolidList = res.rows;
          this.outletSolidTotal=res.total
        });
      },
      outletNoise(){
        this.outletNoiseParams.epId=this.epId
        outletNoise(this.outletNoiseParams).then(res =>{
          this.outletNoiseList = res.rows;
          this.outletNoiseTotal=res.total
        });
      },
      chemicalHandling(){
        this.chemicalHandlingParams.epId=this.epId
        chemicalHandling(this.chemicalHandlingParams).then(res =>{
          this.chemicalHandlingList = res.rows;
          this.chemicalHandlingTotal=res.total
        });
      },
      emergencyRescue(){
        this.emergencyRescueParams.epId=this.epId
        emergencyRescue(this.emergencyRescueParams).then(res =>{
          this.emergencyRescueList = res.rows;
          this.emergencyRescueTotal=res.total
        });
      },
      riskPreSys(){
        this.riskPreSysParams.epId=this.epId
        riskPreSys(this.riskPreSysParams).then(res =>{
          this.riskPreSysList = res.rows;
          this.riskPreSysTotal=res.total
        });
      },
      riskUnit(){
        this.riskUnitParams.epId=this.epId
        riskUnit(this.riskUnitParams).then(res =>{
          this.riskUnitList = res.rows;
          this.riskUnitTotal=res.total
        });
      },
      surroundingEnv(){
        this.surroundingEnvParams.epId=this.epId
        surroundingEnv(this.surroundingEnvParams).then(res =>{
          this.surroundingEnvList = res.rows;
          this.surroundingEnvTotal=res.total
        });
      },




        getInfo() {
            const username = this.$store.state.user.name;
            var  that=this;
            InfoItem(username).then(res => {
                this.epInfo = res.data;
                 this.epId = res.data.epId;
                this.getSewagePermit();
                this.getOutletWater();
                this.getTfWatergc();







            });
        },
    },
};
</script>

<style lang="scss" scoped>
@import "../assets/styles/new1.css";

.layui-getActive {
  background-color: #0d99f4;
  color: #fff;
}

.header-box {
}

.header-box-item {
  display: flex;
  justify-content: space-between;
  padding-left: 44px;
  padding-top: 20px;
  padding-right: 32px;
}

.header-box-dh {
  height: 40px;
}

.header-title {
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  margin-bottom: 10px;
}

.header-sub-m {
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}

.h-content {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px;

  background-color: #f0f2f5;
}

.header-box {
  background-color: #fff;
}

.header-box-left {
  display: flex;
}

.header-btn {
  width: 74px;
  height: 32px;
  line-height: 32px;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  border: 1px solid rgba(217, 217, 217, 1);
}

.user-content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}

.user-content .user-title {
  height: 55px;
  line-height: 55px;
  padding-left: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  border-bottom: 1px solid rgba(229, 229, 229, 1);
}

.user-box {
  display: flex;
  padding-left: 32px;
}

.user-box-item {
  width: 33.333%;
  padding-top: 24px;
}

.user-box-name {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}

.user-box-name span {
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}

.user-bttom {
  margin-bottom: 16px;
}

.multilayer {
  width: 96.5%;
  border: 1px solid #e9e9e9;
  margin: 0 auto;
}

.multilayer-title {
  height: 44px;
  line-height: 44px;

  padding-left: 24px;
  background-color: #fafafa;
}

.mu-cz-item {
  width: 140px;
  height: 48px;
  line-height: 48px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  text-align: center;
}

.mu-cz-box {
  display: flex;
}

.mu-cz-item-active {
  background-color: rgba(24, 144, 255, 0.2);
  border-bottom: 2px solid rgba(24, 144, 255, 1);
}

.is-active {
  border-bottom: solid rgba(24, 144, 255, 1);;
}
.pagination-container{
  background-color: transparent;
}

</style>


